.goodsDetails-main{
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	font-size: 28rpx;
	overflow: hidden;
	background-color: #F5F5F5;
	.car-btn {
		border-radius: 100rpx 0 0 100rpx;
		background-image: linear-gradient(135deg,#f2140c,#f2270c 70%,#f24d0c);
	}
	.buy-btn {
		border-radius: 0 100rpx 100rpx 0;
		background-image: linear-gradient(135deg,#ffba0d,#ffc30d 69%,#ffcf0d);
	}
	.navBar-wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		.content-bar {
			display: flex;
			position: relative;
			height: 88rpx;
			line-height: 88rpx;
			.left {
				flex: 0 0 80rpx;
				height: 100%;
				.goback {
					width: 52rpx;
					height: 52rpx;
					color: #fff;
					background-color: rgba(0,0,0,.5);
					border-radius: 50%;
				}
			}
			.center {
				flex: 1;
				text-align: center;
				.center-item {
					margin: 0 20rpx;
					padding: 6rpx 0;
					color: #333333;
				}
				.center-active {
					font-size:34rpx;
					font-weight: 700;
					border-bottom: 4rpx solid #fa2c19;
				}
			}
			.right {
				flex: 0 0 80rpx;
			}
		}
	}
	.scroll-wrap {
		flex: 1;
		overflow: hidden;
		.swiper-box {
			height: 750rpx;
			background-color: #FFFFFF;
			.banner-img {
				width: 100%;
				height: 750rpx;
			}
		}
		.introduce-box {
			padding: 30rpx;
			background-color: #FFFFFF;
			.title {
				min-height: 44rpx;
				font-size: 32rpx;
				color: #333;
				line-height: 44rpx;
				font-weight: 700;
			}
			.price-view {
				min-height: 40rpx;
				margin-top: 28rpx;
				font-size: 32rpx;
				color: #fa2c19;
				.price-count {
					font-size: 40rpx;
					font-weight: 700;
				}
				.tag { 
					display: inline-block;
					position: relative;
					bottom: 8rpx;
					transform: translateY(2px);
					padding: 4rpx 10rpx;
					margin-left: 8rpx;
					background: #fa2c19;
					font-size: 20rpx;
					color: #fff;
					border-radius: 4rpx;    
				}
			}
			.record-view {
				padding: 28rpx 0 10rpx 4rpx;
				font-size: 24rpx;
				color: #999;
				display: flex;
				.record-column {
					flex: 1;
				}
			}
			
		}
		.share-box {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 30rpx;
			height: 76rpx;
			background: linear-gradient(90deg,#fdf5f6,#fbebf6);  
			.share-left {
				display: flex;
				align-items: center;
				font-size: 26rpx;
				color: #666666;
				.share-icon {
					margin-right: 8rpx;
					font-size: 30rpx;
					color: #fa2c19;
				}
				.share-left-text {
					line-height: 26rpx;
				}
			}
			.share-right {
				color: #fa2c19;
				.rigt-arrow-icon {
					margin-left: 4rpx;
					font-size: 12px;
				}
			}
		}
		.cell-box {
			background-color: #FFFFFF;
			.cell-column {
				position: relative;
				display: flex;
				padding: 0 30rpx;
				height: 88rpx;
				line-height: 88rpx;
				font-size: 26rpx;
				.label {
					flex: 0 0 140rpx;
					color: #888;
				}
				.text {
					flex: 1;
					color: #333; 
				}
				.coupon-text {
					color: #fa2c19;
				}
				.cell-arrow-icon {
					flex: 0 0 24rpx;
					font-size: 24rpx;
					color: #888;
				}
			}
		}
		.evaluate-box {
			margin-top: 12rpx;
			background-color: #FFFFFF;
			.evaluate-header {
				display: flex;
				align-items: center;
				height: 70rpx;
				padding: 30rpx;
				padding-bottom: 0;
				.title {
					font-size: 32rpx;
					color: #333333;
					font-weight: 700;
				}
				.tip {
					flex: 1;
					padding-right: 4rpx;
					font-size: 26rpx;
					color: #999;
					text-align: right;
				}
				.arrow-icon {
					font-size: 24rpx;
					color: #888;
				}
			}
			.evaluate-row {
				padding: 30rpx;
				display: flex;
				.avatar {
					flex: 0 0 80rpx;
					height: 80rpx;
					border-radius: 50%;
				}
				.right {
					flex: 1;
					padding-left: 26rpx;
					.top {
						.name {
							margin-right: 40rpx;
							font-size: 28rpx;
							color: #666666;
						}
						.stars-icon {
							margin-right: 6rpx;
							font-size: 28rpx;
							color: #ddd;
						}
						.stars-active {
							color: #ffd600;
						}
					}
					.content {
						font-size: 28rpx;
						color: #333;
						padding: 20rpx 0;
					}
					.pic-wrap {
						.pic {
							margin: 0 12rpx 12rpx 0;
							width: 180rpx;
							height: 180rpx;
							border-radius: 8rpx;
						}
					}
					.bottom {
						display: flex;
						justify-content: space-between;
						font-size: 24rpx;
						color: #999999;
						.specs {
							flex: 0 0 320rpx;
							overflow: hidden;
							text-overflow:ellipsis;
							white-space: nowrap;
						}
					}
				}
			}
		}
		.describe-box {
			margin-top: 12rpx;
			background-color: #FFFFFF;
			.title {
				height: 80rpx;
				line-height: 80rpx;
				font-size: 30rpx;
				color: #333333;
				text-align: center;
				.title-text {
					position: relative;
					&::before {
						content: '';
						display: inline-block;
						position: absolute;
						left: -60%;
						top: 50%;
						transform: translateY(-50%);
						width: 60rpx;
						height: 2rpx;
						background: #cccccc;
					}
					&::after {
						content: '';
						display: inline-block;
						position: absolute;
						right: -60%;
						top: 50%;
						transform: translateY(-50%);
						width: 60rpx;
						height: 2rpx;
						background: #cccccc;
					}
				}
			}
			.describe-content {
				img {
					display: block;
					width: 100%;
				}
			}
		}
	}
	.footer-wrap {
		flex: 0 0 140rpx;
		display: flex;
		// box-shadow: 0 -2rpx 10rpx 0 rgba(0,0,0,.1);
		background-color: #FFFFFF;
		.left {
			display: flex;
			.left-column {
				flex-direction: column;
				width: 90rpx;
				.text {
					font-size: 24rpx;
				}
			}
		}
		.right {
			flex: 1;
			padding: 0 20rpx;
			display: flex;
			.right-column {
				flex: 1;
				height: 76rpx;
				color: #FFFFFF;
				font-size: 28rpx;
			}
			
		}
	}
	.popup-wrap {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 999;
		.cover {
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,.5);
		}
		.specs-box {
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 30rpx;
			width: 100%;
			border-radius: 10rpx 10rpx 0 0;
			box-sizing: border-box;
			background-color: #FFFFFF;
			.product-info-header {
				display: flex;
				.goods-avator {
					display: block;
					flex: 0 0 160rpx;
					margin-right: 20rpx;
					height: 160rpx;
					border-radius: 16rpx;
				}
				.info-right {
					.price {
						padding-top: 10rpx;
						margin-bottom: 20rpx;
						font-size: 34rpx;
						color: #fa2c19;
						font-weight: 700;
					}
					.stock {
						margin-bottom: 16rpx;
						font-size: 24rpx;
						color: #999999;
					}
					.specs {
						font-size: 24rpx;
						color: #333333;
					}
				}
			}
			.product-info-center {
				.title {
					margin-top: 35rpx;
					margin-bottom: 20rpx;
					padding-left: 4rpx;
					font-size: 30rpx;
					color: #333333;
					font-weight: 700;
				}
				.content {
					display: flex;
					flex-wrap: wrap;
					.specs-item {
						margin-right: 20rpx;
						margin-bottom: 20rpx;
						padding: 0 24rpx;
						min-width: 60rpx;
						height: 60rpx;
						font-size: 26rpx;
						color: #333;
						&::after {
							border-color: #e0e0e0;
							border-radius: 50px;
						}
					}
					.active {
						color: #fa2c19;
						&::after {
							border-color: #fa2c19;
						}
					}
				}
			}
			.product-info-bottom {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-top: 20rpx;
				.text {
					padding-left: 4rpx;
					font-size: 30rpx;
					color: #333;
					font-weight: 700;
				}
				/deep/.uni-numbox {
					height: 64rpx;
					line-height: 60rpx;
					.uni-cursor-point {
						width: 70rpx;
						height: 60rpx;
					}
					.uni-numbox__value {
						width: 80rpx;
						height: 60rpx;
					}
				}
			}
			.btn-wrap {
				display: flex;
				padding: 50rpx 0 0rpx;
				.btn-column {
					flex: 1;
					height: 76rpx;
					color: #FFFFFF;
					font-size: 14px;
				}
			}
		}
	}
}